// 颜色变量
$primary-color: #1890ff;
$success-color: #52c41a;
$warning-color: #faad14;
$error-color: #f5222d;
$info-color: #1890ff;

// 中性色
$text-color: #333333;
$text-color-secondary: #666666;
$text-color-disabled: #999999;
$border-color: #e8e8e8;
$border-color-light: #f0f0f0;
$background-color: #ffffff;
$background-color-light: #fafafa;
$background-color-dark: #f5f5f5;

// 尺寸变量
$border-radius-base: 4px;
$border-radius-large: 8px;
$border-radius-small: 2px;

// 间距变量
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 字体变量
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;

$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-bold: 600;

// 阴影变量
$box-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
$box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
$box-shadow-dark: 0 4px 12px rgba(0, 0, 0, 0.2);

// 动画变量
$transition-base: all 0.3s ease;
$transition-fast: all 0.2s ease;
$transition-slow: all 0.5s ease;

// LogicFlow 相关变量
$node-border-width: 2px;
$node-border-radius: 8px;
$node-padding: 8px;
$node-min-width: 120px;
$node-min-height: 80px;

$edge-stroke-width: 2px;
$edge-stroke-color: #1890ff;
$edge-stroke-hover-color: #40a9ff;

// 工具栏变量
$toolbar-height: 60px;
$toolbar-background: #f5f5f5;
$toolbar-border-color: #ddd;

// 画布变量
$canvas-background: #ffffff;
$canvas-grid-color: #f0f0f0;
$canvas-grid-size: 20px;

// 对话框变量
$dialog-border-radius: 8px;
$dialog-header-background: #fafafa;
$dialog-header-border-color: #e8e8e8;

// 响应式断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1600px;

// Z-index 层级
$z-index-dropdown: 1000;
$z-index-sticky: 1020;
$z-index-fixed: 1030;
$z-index-modal-backdrop: 1040;
$z-index-modal: 1050;
$z-index-popover: 1060;
$z-index-tooltip: 1070;